import {
    Row,
    Col,
    Form,
    Input,
    Modal,
} from 'antd';

const FormItem = Form.Item;



//新增表单
const CreateForm = Form.create()(props => {
    const { modalVisible, form, handleAdd, handleModalVisible } = props;
const okHandle = () => {
    form.validateFields((err, fieldsValue) => {
        if (err) return;
    form.resetFields();
    handleAdd(fieldsValue);
});
};
return (
    <Modal
width={800}
destroyOnClose
title="新增"
visible={modalVisible}
onOk={okHandle}
onCancel={() => handleModalVisible()}
>
<Form  layout="vertical">
 	<Row gutter={{ md: 8, lg: 24, xl: 48 }}>

        <Col  md={24} sm={48}>
	        <FormItem  label="类型名称">
	            {form.getFieldDecorator('title', {
	            rules: [{ required: true, message: '请输入类型名称！', min: 1 }],
	            })(<Input placeholder="请输入" />)}
	        </FormItem>
        </Col>
        
    </Row>

</Form>
</Modal>
);
});


export default CreateForm;

